What is a border-image property?

The border-image property is a shorthand property for: Omitted values are set to their default values. Show demo ❯ The numbers in the table specify the first browser version that fully supports the property. Note: See individual browser support for each value below. border-image: source slice width outset repeat |initial|inherit;

How do I specify an image as a border around an element?

Specify an image as the border around an element: More "Try it Yourself" examples below. The border-image property allows you to specify an image to be used as the border around an element. The border-image property is a shorthand property for: Omitted values are set to their default values.

Does border-image work if I don't specify a width?

border-image won’t do anything if you don’t specify a width for your border. For browsers that understand border-image, your image slices will be scaled to the specified width. If you use the border shorthand property, it provides a nice fallback for browsers that don’t: LIVE DEMO, RSS READERS CLICK OVER TO SEE.